@import "../css/global";
  .header {
    width: 100%;
  }
  .header-title {
    width: 100%;
    height: 120px;
    // line-height: 120px;
    margin: auto;
    z-index: 10;
    background:url('~static/img/login/bg.png') no-repeat;
    background-size: cover;
    position: relative;
    .header_contents{
       width:1200px;
       height: 120px;
       margin:0 auto;
       position:relative;
       .header_titleLeft{
        width: 600px;
        height: 80px;
        top: 50%;
        position: absolute;
        margin-top: -40px;
        .head_logo{
          width:50px;
          height:50px;
          background:rgba(255,255,255,1);
          float: left;
          margin-right:10px;
          background:url('~static/logo3.png') no-repeat;
          vertical-align: middle;
          margin-top:10px;
        }
          .header-title-h3{
          font-size: 30px;
          color: #ffffff;
          // padding-left: 15%;
          margin-bottom: 5px;
        }
        p{
          letter-spacing: 12px;
          font-size:16px;
          color:#FFFFFF;
        }
       } 
    }
  .wy-logo{
    float: left;
    max-width: 360px;
    .head_logo{
      width:50px;
      height:50px;
      background:rgba(255,255,255,1);
      float: left;
      margin-right:10px;
      background:url('~static/logo3.png') no-repeat;
      vertical-align: middle;
      margin-top: 35px;
    }
    img{
      width: 50px;
      margin: 0 18px;
    }
    div{
      float: right;
      width: 274px;
      h1{
        color: #ffffff;
        font-size: 28px;
        line-height: 28px;
        margin: 36px 0 6px 0;
      }
      span{
        color: #ffffff;
        font-size: 16px;
        line-height: 16px;
        display: inline-block;
        width: 250px;
        float: left;
        text-align-last: justify;
      }
    }
  }
    .header-title-cont{
      position: absolute;
      bottom: 10px;
      right:0;
      top: 0px;
      .header-user-left{
        float: left;
        padding-top: 50px;
      }
      .header-user-info{
        float: right;
        width: 90px;
        height: 120px;
        background: #15837A;
        cursor: pointer;
        .ant-dropdown-link{
          height: 120px;
        }
        .header-info-top{
          width: 100%;
          height: 5px;
          background: #15837A;
        }
        .header-info-pic{
          height: 115px;
          position: relative;
          text-align: center;
          line-height: 115px;
          img{
            width: 60px;
            height: 60px;
            border-radius: 30px;

          }
          span{
            background: #FF2F47;
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 20px;
            position: absolute;
            right: 16px;
            top: 24px;
            color: #ffffff;
            line-height: 20px;
            text-align: center;
          }
        }
        .ant-dropdown-link{
          height: 1
        }
      }
      .header-user-info:hover{
        background: #11635C;
        .header-info-top{
          background: #19F0DE;
        }
      }
    }
  }
  .header-search{
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: right;
    .ant-input-search{
       width:300px;
       margin-right:20px;
    }
    .ant-input{
      float: left;
      width: 300px;
      height:34px;
      background:#15837A;
      float: left;
      svg{
        width:16px;
        height:16px;
        background:rgba(255,255,255,1);
        opacity:0.6;

      }
    }
    a{
      width:46px;
      height:30px;
      font-size:14px;
      font-family:SourceHanSansCN-Medium;
      font-weight:500;
      color:rgba(255,255,255,1);
      vertical-align: top;
      padding:6px 10px;
      &:hover{
        background:rgba(255,255,255,1);
        color:rgba(21,131,122,1);
      }
    }
    .ant-input-search:not(.ant-input-search-small) > .ant-input-suffix{
      right: 10px;
    }
    .ant-input-affix-wrapper .ant-input-prefix :not(.anticon), .ant-input-affix-wrapper .ant-input-suffix :not(.anticon){
      color: #dddddd;
      font-size: 18px;
    }
  }
  .header-user{
    .header-user-info{

    }
    height: 30px;
    line-height: 30px;
    a{
      color: #ffffff;
      margin-left: 30px;
    }
    a:nth-child(1){
      margin-left: 0;
    }
    // a:hover{
    //   color: #15837A;
    // }
  }
  .header-content {
    height: 50px;
    line-height: 50px;
    margin: auto;
    background-color: #F9F9F9;
    .ant-menu{
      background-color: #F9F9F9;
    }
    // box-shadow: 3px 3px 12px 3px rgba(102, 102, 102, 0.1);
    .header-conter{
      text-align: center;
    }
    .ant-menu-item, .ant-menu-submenu-title{
      padding: 0px;
    }
    .ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu{
      border-bottom:0;
      height: 50px;
      line-height: 50px;
      top:0;
     text-align:center;
     padding:0 30px;
      
    }
    .ant-menu-submenu-active{
      background: rgba(246,246,246,1);
      color:rgba(21,131,122,1);
    }
    a:hover{
      color:rgba(21,131,122,1);
    }
    .ant-menu-submenu a,.ant-menu-submenu-title span,.ant-menu-vertical.ant-menu-sub .ant-menu-item{
      color: #999999;
    }
    .ant-menu-submenu a:hover,.ant-menu-submenu-title span:hover,.ant-menu-submenu-title span a.nuxt-link-exact-active,.ant-menu-submenu a:hover,.ant-menu-submenu-active span{
      color: #15837A !important;
    }
    .ant-menu-submenu-title{
      span{
        font-size:16px;
      }
      &:hover{
          color:rgba(21,131,122,1);
      }
    }
    .header-content-content {
      width: $base-width;
      height: 70px;
      margin: auto;
    }
    .ant-menu-horizontal > .ant-menu-item {
      font-size:16px;
    }
    // .ant-menu-horizontal > .ant-menu-item > a:hover{
    //   // width:160px;
    //   // height:50px;
    //   background:rgba(246,246,246,1);
    //   color:rgba(21,131,122,1);
    // }
    .ant-menu-horizontal {
      border: none;
    }
    .header-content-logo {
      cursor: pointer;
      width: 120px;
      height: 100px;
      background-color: #1787fb;
      box-shadow: 3px 3px 12px 3px rgba(0, 102, 216, 0.2);
      position: relative;
      top: -70px;
      border-radius: 0 0 6px 6px;
      text-align: center;
      img {
        margin-top: 18px;
        width: 76px;
        height: 53px;
      }
    }
    .header-content-search {
      float: right;
      position: relative;
      top: -70px;
      right: 0;
      height: 70px;
      // .el-input--suffix {
      //   .el-input__inner {
      //     width: 280px;
      //     padding-right: 35px;
      //     color: nth($color, 2);
      //     background-color: #f0f0f0;
      //     border: 0;
      //     border-radius: 20px;
      //   }
      //   .el-icon-search {
      //     @extend %h6;
      //     color: nth($color, 2);
      //     margin-right: 5px;
      //   }
      // }
    }
  }
  .header-user-dropdown{
    padding: 0px !important;
    width: 300px;
    .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title{
      line-height: 60px;
      border-bottom: 1px solid #D8D8D8;
      margin: 0;
      padding: 0 20px;
    }
    .ant-dropdown-menu-item-active{
      background: #ffffff;
    }
    p{
      margin: 0px;
    }
    .header-user-dropdown-li{
      display: flex;
      p{
        width: 70px;
        position: relative;
        margin: 0px;
        i{
          width: 8px;
          height: 8px;
          background: #FF2F47;
          border-radius: 4px;
          position: absolute;
          top: 17px;
          right: -5px;
        }
      }
      span{
        flex: 1;
        text-align: right;
      }
    }
  }
  // 搜索符号
  .ant-input-search:not(.ant-input-search-small) > .ant-input-suffix{
    right: 20px;
  }